<template>
    <div class="yu-wrap">
        <ul class="yu-slide">
            <router-link tag="li" to="/main/home/word">文档</router-link>
            <router-link tag="li" to="/main/home/store">知识库</router-link>
            <router-link tag="li" to="/main/home/collect">收藏</router-link>
            <router-link tag="li" to="/main/home/follow">关注</router-link>
            <router-link tag="li" to="/main/home/person">个人信息</router-link>
        </ul>
        <div class="yu-con">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
export default {
    created(){
        console.log(this.$route)
    },
}
</script>

<style lang="scss">
    .el-main{
        height:100%;
    }
    .yu-wrap{
        width:100%;
        height: 100%;
        overflow: hidden;
        display: flex;
    }
    .yu-slide{
        width:140px;
        height: 100%;
        border-right:1px solid gray;
        li{
            width:100%;
            height: 40px;
            border-bottom:1px solid gray;
            text-align: center;
            line-height: 40px;
        }
    }
    .yu-con{
        flex:1;
    }
</style>

